<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
<input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
<div class="card facebook-card" th:if="!${#lists.isEmpty(dataMap['list'])}" th:each=" user ,index :${dataMap['list']}">
    <div class="card-header no-border">
        <div class="facebook-avatar">
            <img th:if="${#strings.isEmpty(user['avatar'])}"  src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="46" height="46">
            <img alt="image" th:if="!${#strings.isEmpty(user['avatar'])}"  th:src="${user['avatar']}"  width="46" height="46">
        </div>
        <div class="facebook-name">
            <aside class="ml5">
                <th:block th:if="${dataMap['pageNum']}==1">
                    <span class="lear-ranking-num vam" th:if="${index.count}==1" th:classappend="${index.count}==1 ? 'leaRanking-one':''"></span>
                    <span class="lear-ranking-num vam" th:if="${index.count}==2" th:classappend="${index.count}==2 ? 'leaRanking-two':''"></span>
                    <span class="lear-ranking-num vam" th:if="${index.count}==3" th:classappend="${index.count}==3 ? 'leaRanking-three':''"></span>
                    <span class="lear-ranking-num vam" th:if="${index.count}>3" th:classappend="${index.count}>3 ? 'leaRanking-num':''" th:text="${index.count}"></span>
                </th:block>
                <th:block th:if="${dataMap['pageNum']}!=1">
                    <span class="lear-ranking-num vam" th:classappend="'leaRanking-num'" th:text="${(dataMap['pageNum']-1)* dataMap['pageSize']+index.count}"></span>
                </th:block>
                <span class="c-333 vam" th:text="${user.nickname}">夜萧</span>
            </aside>
        </div>
        <div class="facebook-date">
            <aside class="ml5">
                <span class="c-888 fs4" th:text="'累计学习时长：'+${user.studyTotalTime/60}+'分钟'">累计学习时长：0分钟</span>
            </aside>
        </div>
    </div>
</div>
</html>